<template>
  <ComWrapper>
    <el-row :gutter="15">
			<el-col :lg="12">
				<el-card shadow="never">
					<Dual />
				</el-card>
			</el-col>
			<el-col :lg="12">
				<el-card shadow="never">
					<Gradients />
				</el-card>
			</el-col>
			<el-col :lg="12">
				<el-card shadow="never">
					<Multiple />
				</el-card>
			</el-col>
			<el-col :lg="12">
				<el-card shadow="never">
					<Scenario />
				</el-card>
			</el-col>
		</el-row>
  </ComWrapper>
</template>

<script setup>
import {defineAsyncComponent} from 'vue'

const Dual  = defineAsyncComponent(() => import('./components/dual'))
const Gradients  = defineAsyncComponent(() => import('./components/gradients'))
const Multiple  = defineAsyncComponent(() => import('./components/multiple'))
const Scenario  = defineAsyncComponent(() => import('./components/scenario'))
</script>
